﻿body
{
    font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin-left:5%;
    margin-right:5%;
    margin-top:0;
    margin-bottom:0;
    padding: 0;
    width:90%;
    background-color:#CCCCCC;
}

#header
{
	background:#f2f2f2 url(../../Content/Images/headerBG.jpg) repeat-x scroll 0%;
    width:100%;
    height:75px;
    margin-top:0px;
    background-color:White;
}

#header .title
{
	font-family:"Trebuchet MS",Sans-Serif,Verdana;
	font-size:36px;
	font-weight:bolder;
	padding-left:15px;
	padding-top:5px;
	float:left;
}

#header .links
{
	padding-top:55px;
	padding-left:20px;
	float:right;
}

#menu
{
	background:#f2f2f2 url(../../Content/Images/menuBG.jpg) repeat-x scroll 0%;
	width:100%;
    height:30px;
    line-height:30px;
    vertical-align:middle;
    border:solid 1px #CCCCCC;
    background-color:White;
}

#menu div
{
    padding-top:8px;
}

#menu ul
{
	display:inline;
	margin-left:0pt;
	padding-left:0pt;
	padding-top:15px;
}

#menu ul li
{
	border:medium none;
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left:0pt;
}

#menu ul li a
{
	padding: 8px 8px 8px 8px;
	color:#ffffff;
	font-weight:bold;
	text-decoration : none;
}

#menu ul li a:focus, #menu ul li a:hover
{
	background-color:#5a5a5a;
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
}
/************************main content*********************************/

#mainContent
{
    width:100%;
    background-color:White;
}
#content
{
	margin-right:300px;
	padding-left:10px;
	background-color:White;
}

.selector
{
    background: transparent url(../../Content/Images/tab-line.gif) repeat-x scroll 0pt 50%;
    float: left;
    width: 100%;
    margin-top:10px;
}

.selector h2 
{
    background:#FFFFFF none repeat scroll 0% 0%;
    float:left;
    font-size:165%;
    padding-right:5px;
    word-spacing:-0.1em;
}

.selector span.tool 
{
    background:#E37400 url(../../Content/Images/menu-current.gif) no-repeat scroll 100% -90px;
    height:auto;
    padding:0pt;
    color:#ffffff;
}

.selector .tool, .selector .tool:visited 
{
    background:#FFFFFF none repeat scroll 0% 0%;
    border:5px solid #FFFFFF;
    color:#E37400;
    float:right;
    font-weight:bold;
    height:20px;
    margin-top:3px;
    padding:2px 1px;
    text-decoration:none;
    word-spacing:-0.1em;
}
.tool 
{
    display:block;
    float:left;
    color:#ffffff;
    font-size:85%;
    min-height:20px;
    padding:4px 6px;
}

.kickWarning
{
    z-index: 1000;
    position: absolute;
    font-size: 0.95em;
    border: 1px solid #999999;
    line-height: 40px;
    vertical-align: middle;
    height: 40px;
    width: 500px;
    filter: alpha(opacity=70);
    background-color: #E4E4E4;
}

.kickWarning .closeButton
{
	float:right;
	background-image:url(../../Content/Images/close.gif);
	cursor:pointer;
	width:22px;
	height:22px;
	margin: 7px 7px;
}

.dimBackground
{
    background-color: #CCCCCC;
    filter: alpha(opacity=50);
    z-index: 1000;
    position: absolute;
    top: 0px;
    left: 0px;
}

.modalBox
{
	background:#ffffff none repeat scroll 0%;
	position:absolute;
	border:2px solid #666666;
	z-index:9999;
	font-size:12px;
}

.modalBox .titleContainer
{
	height: 36px;
	background:#f2f2f2 url(../../Content/Images/menuBG.jpg) repeat-x scroll 0%;
	color:White;
	font-family:"Trebuchet MS",Sans-Serif,Verdana;
	font-size:16px;
	font-weight:bolder;
	padding-left:15px;
}

.modalBox .title
{
	float:left;
	padding-top:5px;
	color:White;
}

.modalBox .closeButton
{
	float:right;
	background-image:url(../../Content/Images/btnClose.gif);
	cursor:pointer;
	width:14px;
	height:14px;
	margin: 7px 7px;
}

.modalBox .contentContainer
{
	padding:10px;
}

.form .message
{
	color:#ff0000;
	padding-left:72px;
}

/**********************Pager**************************/
.pager
{
    float:right;
    text-align:right;
    width:100%;
}
/******************Sidebar****************************/
#sidebar
{
	float:right;
	width:290px;
	margin-top:10px;
	margin-right:10px;
	background-color:White;
}

.form
{
	background: #fff9d7 none no-repeat scroll 0%;
	border: 1px solid #e2c822;
	padding: 0 8px 8px 8px;
}

.form h2
{
	border-bottom:1px solid #e2c822;
	font-size:12px;
	font-weight:bold;
	padding-bottom:5px;
}

.form .button
{
	background:#f2f2f2 url(../../Content/Images/buttonBG.gif) repeat-x scroll 0%;
	border:1px solid #999999;
	padding: 2px 4px 2px 4px;
}

.divider
{
	height:20px;
}

#tagCloud
{
	text-align:justify;
	line-height:32px;
}

#tagCloud a
{
	color: #4b72a9;
	text-decoration:none;
	padding: 0pt 2px 0pt 2px;
	font-weight:bold;
	white-space:nowrap;
}

#tagCloud a:hover
{
	background-color:#4b72a9;
	color:#ffffff;
}

.title
{
    color: Blue;
    font-size:1.4em;
}

.post
{
    margin-top:10px;
    border : 1px solid #f9f9f9;
    padding-top:10px;
    padding-bottom:10px;
}

.post table
{
    margin-bottom:20px;
}

.post .kick
{
    width:50px;
    vertical-align:top;
}

.post .kick .action
{
    font-size: 0.9em;
    padding: 2px 0px 2px 0;
    text-align: center;
    text-decoration: none;
    border: 1px solid #CCCCCC;
    color: #6699FF;
}
.post .kick .action:hover
{
    font-size: 0.9em;
    padding: 2px 0px 2px 0;
    text-align: center;
    text-decoration: none;
    border: 1px solid #B3B3B3;
    color: Black;
}

.post .kick .actioned
{
    font-size: 0.9em;
    padding:2px 0px 2px 0;
    text-align: center;
    text-decoration: none;
    border: 1px solid #EEEEEE;
}

.postCount
{
    background: #ffffdd url(../../Content/Images/kiggBG.gif) repeat-x scroll 0%;
    font-weight: bold;
    text-align: center;
    color: #949494;
    height: 53px;
    width: 50px;
    line-height: 53px;
    vertical-align: middle;
}

.content
{
    padding:0pt 0pt 0pt 8px;
}

.timestamp
{
    margin-top: 5px;
}

.description
{
	padding-top:8px;
}

.summary
{
    margin-top: 16px;
    margin-bottom:4px;
    font-size: smaller;
    letter-spacing: normal;
    color: #9999FF;
}

.commentInfo
{
    padding:4px 6px 4px 18px;
    background:transparent url(../../Content/Images/tools.gif) no-repeat scroll 0pt -196px;
}

.share
{
    padding:4px 6px 4px 18px;
    background:transparent url(../../Content/Images/tools.gif) no-repeat scroll 0pt 4px;
}

.bury
{
    background:transparent url(../../Content/Images/tools.gif) no-repeat scroll 0 -96px;
    padding:4px 6px 4px 18px;
}

.time
{
	background:transparent url(../../Content/Images/time.gif) no-repeat scroll 0%;
	padding-left:20px;
	margin-left:5px;
	color: #CC3300;
	font-weight: bold;
}

/*****************************Comment*****************************************/
.pageTitle
{
	border-bottom: 1px solid #CCCCCC;
	padding-bottom:5px;
	margin-bottom:4px;
	color:#AAAACC;
	font-size:1.1em;
	width:90%;
}

.pageMessage
{
	font-size:0.95em;
}

#comments
{
    width:90%;
}
.comment
{
	margin-top:8px;
	padding:12px;
	border:solid 1px #cccccc;
}

.odd
{
    font-size: smaller;
    letter-spacing: normal;
	border : 1px solid #f9f9f9;
}

.even
{
    font-size: smaller;
    letter-spacing: normal;
	background-color:#f8f8f8;
	border : 1px solid #f2f2f5;
}

.comment .postedBy
{
	text-align:right;
}

.form
{
	background: #fff9d7 none no-repeat scroll 0%;
	border: 1px solid #e2c822;
	padding: 0 8px 8px 8px;
}

.form .largeTextarea
{
	width: 480px;
	height:192px;
	border:1px solid #e2c822;
	font-size:11px;
	padding:3px;
}